﻿<!doctype html>
<html><!-- InstanceBegin template="/Templates/dwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>谋刻职业教育在线测评与学习平台</title>
<link rel="stylesheet" href="../css/course.css"/>
<script src="../js/jquery-1.8.0.min.js"></script>
<link rel="stylesheet" href="../css/tab.css" media="screen">
<script src="../js/jquery.tabs.js"></script>
<script src="../js/mine.js"></script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->

</head>

<body>

<div class="head" id="fixed">
	<div class="nav">
    	<span class="navimg"><a href="../index.html"><img border="0" src="../images/logo.png"></a></span>
        <ul class="nag">
        	<li><a href="../courselist.html" class="link1 current">课程</a></li>
            <li><a href="../articlelist.html" class="link1">资讯</a></li>
            <li><a href="../teacherList.html" class="link1">讲师</a></li>
            <li><a href="../exam_index.html" class="link1" target="_blank">题库</a></li>
            <li><a href="../askarea.html" class="link1" target="_blank">问答</a></li>

        </ul>
        <span class="massage">
        	<!--未登录-->
        	<span class="exambtn_lore">
                 <a class="tkbtn tklog" href="../login.html">登录</a>
                 <a class="tkbtn tkreg" href="../register.html">注册</a>
            </span>

        </span>
    </div>
</div>
<!-- InstanceBeginEditable name="EditRegion1" -->
<div class="coursecont" id="app">
<div class="coursepic tecti">
	<div class="teaimg">
    <img :src="'/api/education-user/eduTeacher/download/'+teacher.picImg" width="150">
    </div>
    <div class="teachtext">
    	<h3>{{teacher.fullName}}&nbsp;&nbsp;<strong>
			<span v-if="teacher.isStar==0">高级讲师</span>
			<span v-if="teacher.isStar==1">首席讲师</span>
		</strong></h3>
        <h4>个人简介</h4>
        <p>{{teacher.remarks}}</p>
    </div>
    <div class="clearh"></div>
</div>

<div class="clearh"></div>

<div class="tcourselist">
<h3 class="righttit" style="padding-left:50px;">在教课程</h3>
<ul class="tcourseul" v-for="item in course">
	<li>
	    <span class="courseimg tcourseimg"><a @click="getCoursecont()" target="_blank"><img width="230" :src="'/api/education-course/base/download/'+item.courseLogo"></a></span>
	    <span class="tcoursetext">
	       <h4><a @click="getCoursecont(item.id)" target="_blank" class="teatt">{{item.courseName}}</a>
<!--			   <a class="state">更新中</a>-->
<!--				<a class="state end">已完结</a>-->
		   </h4>
	       <p class="teadec">{{item.courseTitle}}</p>
	       <p class="courselabel clock">{{item.lessionNum}}人 600分钟<span class="courselabel student">{{item.pageViewcount}}人学习</span><span class="courselabel pingjia">评价：
			   <img width="71" height="14" src="../images/evaluate.png" data-bd-imgshare-binded="1"></span></p>
	   </span>
	   <div style="height:0" class="clearh"></div>
	</li>
<div class="clearh"></div>
</ul>
</div>




<div class="clearh"></div>
</div>
<!-- InstanceEndEditable -->


<div class="clearh"></div>
<div class="foot">
<div class="fcontainer">
      <div class="fwxwb">
	       <div class="fwxwb_1">
		       <span>关注微信</span><img width="95" alt="" src="../images/num.png">
		   </div>
           <div>
               <span>关注微博</span><img width="95" alt="" src="../images/wb.png">
		   </div>
      </div>
      <div class="fmenu">
	     <p><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">优秀讲师</a> | <a href="#">帮助中心</a> | <a href="#">意见反馈</a> | <a href="#">加入我们</a></p>
      </div>
      <div class="copyright">
        <div><a href="/">谋刻网</a>所有&nbsp;晋ICP备12006957号-9</div>
      </div>
    </div>
</div>
<!--右侧浮动-->
<div class="rmbar">
	<span class="barico qq" style="position:relative">
	<div  class="showqq">
	   <p>官方客服QQ:<br>335049335</p>
	</div>
	</span>
	<span class="barico em" style="position:relative">
	  <img src="../images/num.png" width="75" class="showem">
	</span>
	<span class="barico wb" style="position:relative">
	  <img src="../images/wb.png" width="75" class="showwb">
	</span>
	<span class="barico top" id="top">置顶</span>
</div>
</body>
<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../js/moment.js"></script>

<script>
	new Vue({
		el:"#app",
		data:{
			teacher:{"fullName":"汤姆","generate":0,"id":3,"isDelete":0,"isStar":0,"loginName":"tom","loginPwd":"123456","picImg":"245c79aa-9596-4607-8787-bf14186a2694.jpg","remarks":"资深财会考试与实务操作讲师；拥有五年财税实务及实操经验。 曾在大型连锁超市担任总会计三年，集团公司两年的会计工作经历。","sort":3},
			course:[{"categoryChildId":8,"categoryParentId":1,"courseContent":"游戏在数学教育中起着重要的作用，因为幼儿天生就有好奇心，驱使他们去注视、观察、摆弄、发现、探索、了解，去发现、找寻学习的乐趣。把抽象的数学知识与生动活泼的游戏紧密结合起来，能够使幼儿自发地应用数学，获得有益的经验。所以生动、形象、有趣的游戏，可以使幼儿投入到引人入胜的集体活动中去。在轻松、愉快的环境中获得知识。","courseGrade":1,"courseLogo":"0eb44c63-1a88-4147-afbb-f369a38fc83d.png","courseName":"初中生物","courseStatus":1,"courseTitle":"随着我国幼儿教育课程改革的不断深入，幼教工作者对幼儿园数学教育活动的研究也越来越深化。数学能力将制约一个人的发展潜力。","expiryDays":400,"expiryMode":1,"forPeople":"初中生","id":3,"isDelete":0,"lessionNum":3,"pageViewcount":34,"price":0.00,"pubTime":1597838201000,"pubUser":1,"recommended":1,"sortValue":0,"teacherId":3},{"categoryChildId":10,"categoryParentId":2,"courseContent":"   可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用置标语言的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言，可扩展标记语言是标准通用置标语言的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。      CSS2.0提供给我们了一个机制，让程序员开发时可以不考虑显示和界面就可以制作","courseGrade":1,"courseLogo":"951d2d30-1aaf-495c-a6af-b21865065d08.png","courseName":"初中英语","courseStatus":1,"courseTitle":"XHTML CSS2 JS整站制作教程课程学习","expiryMode":2,"expiryTime":1598540828000,"forPeople":"初中生","id":5,"isDelete":0,"lessionNum":4,"pageViewcount":500,"price":34.00,"pubTime":1597213580000,"pubUser":1,"recommended":0,"sortValue":0,"teacherId":3},{"categoryChildId":13,"categoryParentId":5,"courseContent":"最适合的往往是最实用的，就像我们要讲述的MysQL一样，它的功能不是最全的，架构也不是最完善的。但是其体积小、速度快、总体拥有成本低，尤其是它具备开放源码的优势，迅速成为中小型企业和网站的首选数据库。","courseGrade":2,"courseName":"作文写作","courseStatus":2,"courseTitle":"《MySQL数据库应用从入门到精通》中的每个技术点都配备了与此相对应的实例，旨在帮助MySQL数据库初学者快速入门，同时也适合MysQL数据库管理员和想全面学习MysQL数据库技术以提升应用水平的人员使用。","expiryDays":257,"expiryMode":1,"forPeople":"高中生","id":8,"isDelete":0,"lessionNum":3,"pageViewcount":150,"price":75.00,"pubTime":1597991189000,"pubUser":1,"recommended":1,"sortValue":0,"teacherId":3},{"categoryChildId":15,"categoryParentId":7,"courseContent":"Java的发展历史，可追溯到1990年。当时Sun Microsystem公司为了发展消费性电子产品而进行了一个名为Green的项目计划。该计划 负责人是James Gosling。起初他以C++来写一种内嵌式软件，可以放在烤面包机或PAD等小型电子消费设备里，使得机器更聪明，具有人工智 能。但他发现C++并不适合完成这类任务！因为C++常会有使系统失效的程序错误，尤其是内存管理，需要程序设计师记录并管理内存资源。这给设计师们造成 极大的负担，并Java的发展历史，可追溯到1990年。当时Sun Microsystem公司为了发展消费性电子产品而进行了一个名为Green的项目计划。该计划 负责人是James Gosling。起初他以C++来写一种内嵌式软件，可以放在烤面包机或PAD等小型电子消费设备里，使得机器更聪明，具有人工智 能。但他发现C++并不适合完成这类任务！因为C++常会有使系统失效的程序错误，尤其是内存管理，需要程序设计师记录并管理内存资源。这给设计师们造成 极大的负担，并可能产生许多bugs。 ","courseGrade":1,"courseName":"剪纸艺术","courseStatus":2,"courseTitle":"Java是一种简单的，面象对象的、分布式的、解释的、健壮的、结构中立的、可移植的、性能优异的多线程的动态语言。 ","expiryMode":2,"expiryTime":1598077424000,"forPeople":"初中生","id":9,"isDelete":0,"lessionNum":4,"pageViewcount":253,"price":100.00,"pubTime":1597991192000,"pubUser":1,"recommended":1,"sortValue":5,"teacherId":3}],
		},
		methods:{
			getCoursecont:function (id) {
				window.open('../course/'+id+".html")
			}
		},
		mounted(){

		}
	});
</script>

<!-- InstanceEnd --></html>
